<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<title>个人信息——大连万达耐酸泵厂有限公司</title>
	<meta content="" name="description">
	<meta content="大连万达耐酸泵厂,大连万达耐酸泵厂有限公司,个人信息" name="keywords">

	<!-- Favicons -->
	<link href="../assets/img/logo.png" rel="icon">

	<!-- Google Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap" rel="stylesheet">

	<!-- Vendor CSS Files -->
	<link href="../assets/vendor/animate.css/animate.min.css" rel="stylesheet">
	<link href="../assets/vendor/aos/aos.css" rel="stylesheet">
	<link href="../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<link href="../assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
	<link href="../assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
	<link href="../assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
	<link href="../assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

	<!-- Template Main CSS File -->
	<link href="../assets/css/style.css" rel="stylesheet">

	<style>
		body {
			background: url("./../assets/img/background.jpg") no-repeat center center fixed;
			background-size: cover;
			font-family: 'Open Sans', sans-serif;
		}

		/* 容器样式 */
		.user-info {
			margin-top: 40px;
		}

		.user-info .card {
			background-color: rgba(240, 248, 255, 0.8);
			border-radius: 10px;
			padding: 20px;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		}

		.user-info .card-body {
			text-align: center;
		}

		.user-info .avatar {
			border: 3px solid #007bff;
			border-radius: 50%;
			width: 120px;
			height: 120px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

		.user-info .card-title {
			color: #007bff;
			margin-top: 10px;
		}

		.user-info .text-muted {
			color: #6c757d;
		}

		.user-info .btn-primary {
			background-color: #007bff;
			border: none;
			border-radius: 30px;
			padding: 10px 20px;
		}

		.user-info .btn-primary:hover {
			background-color: #0056b3;
		}

		.user-info .form-control {
			border-radius: 30px;
			border: 2px solid #007bff;
			padding: 12px;
			font-size: 16px;
			margin-bottom: 15px;
		}

		.user-info .btn-success {
			background-color: #28a745;
			border: none;
			border-radius: 30px;
			padding: 10px 20px;
		}

		.user-info .btn-success:hover {
			background-color: #218838;
		}
	</style>
</head>

<body>

	<!-- ======= Header ======= -->
	<header id="header" class="fixed-top d-flex align-items-center">
		<div class="container d-flex justify-content-between align-items-center">

			<div class="logo">
				<h1 class="text-light">
					<a href="../index.html">
						<img src="../assets/img/logo.png" alt="" class="img-fluid">
						<span>大连万达耐酸泵厂</span>
					</a>
				</h1>
			</div>

			<nav id="navbar" class="navbar">
				<ul>
					<li><a class="active " href="../index.html">主页</a></li>
					<li><a href="../about.html">关于</a></li>
					<li><a href="../portfolio.html">产品</a></li>
					<li><a href="../contact.html">联系我们</a></li>
				</ul>
				<i class="bi bi-list mobile-nav-toggle"></i>
			</nav><!-- .navbar -->

		</div>
	</header><!-- End Header -->

	<main id="main">

		<!-- ======= Breadcrumbs Section ======= -->
		<section class="breadcrumbs">
			<div class="container">
				<div class="d-flex justify-content-between align-items-center">
					<h2>个人信息</h2>
					<ol>
						<li><a href="../index.html">主页</a></li>
						<li>个人信息</li>
					</ol>
				</div>
			</div>
		</section><!-- End Breadcrumbs Section -->

		<!-- ======= User Info Section ======= -->
		<section class="user-info">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-lg-8">
						<div class="card">
							<div class="card-body">
								<div class="text-center">
									<img src="../assets/img/default-avatar.png" alt="用户头像" class="avatar">
									<h4 class="card-title">用户名：{{username}}</h4>
									<p class="text-muted">邮箱：{{email}}</p>
									<p class="text-muted">状态：<span class="badge bg-success">活跃</span></p>
									<button class="btn btn-primary">修改头像</button>
								</div>
								<hr>
								<div>
									<h5>个人信息</h5>
									<form action="update_user_info.php" method="post">
										<div class="mb-3">
											<label for="username" class="form-label">用户名</label>
											<input type="text" class="form-control" id="username" name="username" value="{{username}}" placeholder="请输入您的用户名">
										</div>
										<div class="mb-3">
											<label for="email" class="form-label">邮箱地址</label>
											<input type="email" class="form-control" id="email" name="email" value="{{email}}" placeholder="请输入您的邮箱地址">
										</div>
										<div class="mb-3">
											<label for="phone" class="form-label">联系电话</label>
											<input type="text" class="form-control" id="phone" name="phone" value="{{phone}}" placeholder="请输入您的联系电话">
										</div>
										<div class="mb-3">
											<label for="gender" class="form-label">性别</label>
											<select class="form-control" id="gender" name="gender">
												<option value="male" {{gender == 'male' ? 'selected' : ''}}>男</option>
												<option value="female" {{gender == 'female' ? 'selected' : ''}}>女</option>
												<option value="other" {{gender == 'other' ? 'selected' : ''}}>其他</option>
											</select>
										</div>
										<div class="mb-3">
											<label for="birthdate" class="form-label">出生日期</label>
											<input type="date" class="form-control" id="birthdate" name="birthdate" value="{{birthdate}}">
										</div>
										<div class="mb-3">
											<label for="address" class="form-label">地址</label>
											<input type="text" class="form-control" id="address" name="address" value="{{address}}" placeholder="请输入您的地址">
										</div>
										<div class="mb-3">
											<label for="user-status" class="form-label">用户状态</label>
											<select class="form-control" id="user-status" name="status">
												<option value="active" {{status == 'active' ? 'selected' : ''}}>活跃</option>
												<option value="inactive" {{status == 'inactive' ? 'selected' : ''}}>非活跃</option>
											</select>
										</div>
										<button type="submit" class="btn btn-success">保存更改</button>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End User Info Section -->

	</main><!-- End #main -->

	<!-- ======= Footer ======= -->
	<footer id="footer" data-aos="fade-up" data-aos-easing="ease-in-out" data-aos-duration="500">

		<div class="footer-top">
			<div class="container">
				<div class="row">

					<div class="col-lg-3 col-md-6 footer-links">
						<h4>List Of Links</h4>
						<ul>
							<li><i class="bx bx-chevron-right"></i> <a href="../index.html">主页</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="../about.html">关于</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="../blog.html">公告</a></li>
						</ul>
					</div>

					<div class="col-lg-3 col-md-6 footer-links">
						<h4>Our Products</h4>
						<ul>
							<li><i class="bx bx-chevron-right"></i> <a href="../portfolio.html">立式泵</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="../portfolio.html">卧式泵</a></li>
							<li><i class="bx bx-chevron-right"></i> <a href="../portfolio.html">多级泵</a></li>
						</ul>
					</div>

					<div class="col-lg-3 col-md-6 footer-contact">
						<h4>Contact Us</h4>
						<p>
							<strong>电话：</strong> 13941149568<br>
							<strong>座机：</strong> 0411-86840448<br>
							<strong>邮箱：</strong> <a class="lianjie" href="mailto:dl.wd@163.com" style="text-decoration:none;">dl.wd@163.com</a><br>
						</p>

					</div>

					<div class="col-lg-3 col-md-6 footer-info">
						<h3>About Us</h3>
						<p class="suojin">我们倡导与客户相互信任与尊重。共同建立广泛对等合作和战略伙伴关系，并积极探索在互利基础上的多种合作形式。</p>
					</div>

				</div>
			</div>
		</div>

		<div class="container">
			<div class="copyright">
				&copy; Copyright <strong><span>大连万达耐酸泵厂有限公司</span></strong>. All Rights Reserved
			</div>
			<div class="copyright">
				<a class="lianjie" href="https://beian.miit.gov.cn/" target="_blank">辽ICP备2022006841号-1</a>
			</div>
		</div>
	</footer><!-- End Footer -->

	<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

	<!-- Vendor JS Files -->
	<script src="../assets/vendor/purecounter/purecounter_vanilla.js"></script>
	<script src="../assets/vendor/aos/aos.js"></script>
	<script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
	<script src="../assets/vendor/glightbox/js/glightbox.min.js"></script>
	<script src="../assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
	<script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>

	<!-- Template Main JS File -->
	<script src="../assets/js/main.js"></script>

</body>

</html>
